<template>
  <div id="right">
    <div class="search">
      <div class="left"></div>
      <div class="right"></div>
    </div>
    <el-table
      height="300"
      :data="data"
      stripe
      highlight-current-row
      border
      :header-cell-style="{ backgroundColor: '#DCDFE6', color: '#333' }"
    >
      <el-table-column fixed prop="hospitalName" label="医院" />
      <el-table-column
        prop="createCard"
        label="建卡量"
        width="200"
        align="center"
      />
      <el-table-column
        prop="useCard"
        label="用卡量"
        width="200"
        align="center"
      ></el-table-column>

      <el-table-column label="操作" align="right" width="80">
        <template>
          <el-tag
            type="warning"
            size="medium "
            @click="$router.push('/content')"
            >查看</el-tag
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "healthlist",
  data() {
    return {
      MobileNumber: "",
      UserName: "",
      PapersNumber: "",
      pageIndex: 1,
      dataCount: 0,
      data: [
        {
          hospitalName: "天津市第一中心医院",
          createCard: "1522",
          useCard: "1833"
        },
        {
          hospitalName: "天津市肿瘤医院",
          createCard: "788",
          useCard: "922"
        },
        {
          hospitalName: "天津医科大学总医院",
          createCard: "488",
          useCard: "672"
        },
        {
          hospitalName: "天津市眼科医院",
          createCard: "1088",
          useCard: "1298"
        },
        {
          hospitalName: "天津中医药大学第一附属医院",
          createCard: "624",
          useCard: "842"
        }
      ]
    };
  },
  mounted() {},
  methods: {
    pageGo(index) {
      this.pageIndex = index;
      this.getList();
    }
  },
  components: {},
  watch: {},
  props: {},
  computed: {},
  //组件销毁事件
  destroyed() {}
};
</script>
